<template>
	<view>
		<Header :isBack="true">
			<block slot="content">{{title}}</block>
		</Header>
		<!-- 快捷方式 -->
		<view class="list">
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/dl.jpg" mode="">
				</image>
				<view class="list-item-text">
					1.进入登录页面，选择
					<navigator url="/pages/login/login?cate=1" class="active">工人版</navigator>
					或<navigator url="/pages/login/login?cate=2" class="active">企业版</navigator>
					，之后开始登录。这里提供了三种登录方式，用户可以根据个人喜好任意选择一种。以下为三种登录方式详细说明
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/dl2.jpg" mode="">
				</image>
				<view class="list-item-text">
					2.第一种登录方式（推荐）-- 账号密码登录：点击密码登录->输入注册时的手机号码（11位数字）、注册时的密码（大小写字母和数字组合）-> 点击登录即可
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/dl3.jpg" mode="">
				</image>
				<view class="list-item-text">
					3.第二种登录方式-- 短信验证码登录：点击短信登录->输入注册时的手机号码（11位数字）-> 点击获取验证码、输入验证码 -> 点击登录即可。<br>
					注意：<br>1-不可频繁点击获取验证码；<br>
					2-请不要设置短信拦截
				</view>
			</view>
			<view class="list-item">
				<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/dl7.jpg" mode="">
				</image>
				<view class="list-item-text">
					4.第三种登录方式：微信登录：
					点击其它登录方式下的微信图标即可。<br>
					提醒：<br>
					该登录方式需先绑定微信号，如下
				</view>
			</view>
			<view class="list-item">
				<view class="" style="width:350rpx;display: inline-block;">
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/dl5.jpg" mode="">
					</image>
					<image class="list-item-img" src="https://liande.oss-cn-beijing.aliyuncs.com/docs/dl6.jpg" mode="">
					</image>
				</view>

				<view class="list-item-text">
					5.绑定微信号：<navigator class="active" url="/pages6/pages/my/my">我的
					</navigator> -> 设置中心 -> 一键绑定微信，之后再次登录时才可使用该登录方式，且必须是同一个微信号，否则可能导致登录失败。
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {

		data() {
			return {
				title: '登录流程'
			};
		},

		computed: {

		},
		components: {

		},

		onLoad() {

		},
		methods: {

		},
	}
</script>

<style>
	page {
		background-color: #f7f7f7;
		font-size: $font-base;
	}
</style>

<style lang="scss" scoped>
	/* 快捷方式 */

	.list {
		// #ifdef APP-PLUS
		padding: 160rpx 0rpx 120rpx;
		// #endif

		// #ifdef H5
		padding: 110rpx 0rpx 120rpx;
		// #endif
		
		// #ifdef MP-WEIXIN
		padding: 165rpx 0rpx 120rpx;
		// #endif

		.list-item {
			position: relative;
			background: #fff;
			margin-bottom: 10rpx;
			padding: 0 20rpx;

			.list-item-img {
				width: 350rpx;
				height: 785rpx;
			}

			.list-item-text {
				width: 320rpx;
				position: absolute;
				right: 20rpx;
				display: inline-block;
				text-align: justify;
			}
		}
	}

	.active {
		color: $base-color;
		font-size: $font-lg;
		margin: 0 5rpx;
		display: inline;

	}
</style>
